<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="layout">
  <head>
  	<title>推荐用户数据详细</title>
    <script th:inline="javascript"  type="text/javascript">
    	$(function(){
    		setMenu("推荐用户详细");
    		var evaluateId = [[${evaluateId}]];
    		var userId = [[${userId}]];
    		$("#pageJinji").page({url:"getUserTableDatas",data:{evaluateId:evaluateId,userId:userId},success:function(obj){
	    		$.each(obj.obj.content, function(i,v){
	    			v.createdAt = new Date(v.createdAt).Format("yyyy/MM/dd");
	    			v.passAt = new Date(v.passAt).Format("yyyy/MM/dd");
	    		});
	    		$("#pageJinjiTabel").loadData(obj.obj);
	    		$("span[data='look']").each(function(){
	    			var text = $(this).attr("data-text");
	    			if(text != ''){
	    				var textHtml = "";
	    				var textObj = eval("("+text+")");
	    				$.each(textObj, function(i,v){
	    					textHtml += "<div>"+i+":"+v+"</div>";
	    				});
	    				$(this).jjinfo(textHtml);
	    			}
	    		});
	    	}});
    	});
    </script>
  </head>
  <body>
	<div layout:fragment="content" class="content" id="modal">
         	
         	<div class="modal">
         		<div class="detail">
       				<div class="detail-table">
       				<h4 class="detail-table-title">推荐用户详细
						<span class="detail-table-more"></span>
					</h4>
				    <div class="table_list">
		               <div class="">
		                   <table class="table">
		                       <thead>
		                           <tr>
		                      		   <th width="6%">报名时间</th>
		                               <th width="6%" >参赛编号</th>
		                               <th width="16%" >用户（ID）</th>
		                               <th width="6%" >姓名</th>
		                               <th width="8%" >电话</th>
		                               <th width="8%" >组别</th>
		                               <th width="14%" >渠道</th>
		                               <th width="8%" >报名信息</th>
		                               <th width="8%" >报名状态</th>
		                               <th width="6%" >付款状态</th>
		                               <th width="8%" >票种</th>
		                               <th width="6%" >付款</th>
		                           </tr>
		                       </thead>
		                       <tbody>
		                       <script type="template" id="pageJinjiTabel">
								#for(data:content)#
									<tr>
										<td>#{data.createdAt}#</td>
										<td>#{data.id}#</td>
										<td>#{data.userName}# (#{data.userNumber}#)</td>
										<td>#{data.fullName}#</td>
                                        <td>#{data.phone}#</td>
                                        <td>#{data.groupName}#</td>
										<td>#{data.refName}#</td>
										<td><span data='look' data-text='#{data.text}#' class="table-icon table-icon-info"></span></td>
										<td>#{data.verifyDesc}#</td>
										<td>#{data.stateDesc}#</td>
										<td>#{data.epName}#</td>
										<td>#{data.orderItemPrice}#</td>
									</tr>
								#endfor#
								</script>
		                     </tbody>
		                 </table>
		                 <div id="pageJinji"></div>
		             </div>
		          </div>
		          </div>
         		</div>
			</div>
	
	</div>
  </body>
</html>